<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>
<input type="file" id="file" accept="image/*" onchange="upload()">
<button onclick="upload()">上传文件</button>

<hr>
<img src="images/empty.png" onclick="file.click()" id="head"
     style="height: 200px; object-fit: cover; cursor: pointer">

<script>
    function upload(){
        if(file.files.length == 0){
            alert("请选择上传的文件");
            return;
        }
        // 文件上传对象
        let fd = new FormData();
        fd.append("image", file.files[0]);
        // then => 成功回调函数
        // res  => 服务器返回结果
        // res.data => 服务器返回的数据对象, 已经完成 json => object 操作
        // res.data => Result
        axios.post("upload.s", fd).then(function(res){
            //alert(res.data.msg + " : " + res.data.data);
            head.src = res.data.data;
        });
        /**
         res=>{
            alert(res.data.msg + " : " + res.data.data);
         }
         */
    }
</script>


</body>
</html>